<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <style>
        .header{
            height: 48px;
            background-color: red;
        }
        .body{
            background-color: antiquewhite;
        }
        .body .menu{
            background-color: aqua;
            width: 20%;
            float: left;
            height: 500px;
        }
        .body .content{
            background-color: aquamarine;
            width: 80%;
            float: left;
            height: 500px;
        }
    </style>
</head>
<body>
    <div class="header">LOGO</div>
    <div class="body">
        <div class="menu">左侧菜单</div>
        <div class="content">{% block content %}{% endblock %}</div>
    </div>
</body>
</html>